﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.Master" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="MyHospital.web.MyHospital.Login" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <link  rel="stylesheet" href="Styles/Style.css"/>
    <style type="text/css">
        .auto-style1 {
            width: 408px;
            height: 280px;
        }
        .auto-style3 {
            width: 104px;
            height: 30px;
        }
        .auto-style5 {
            text-align: center;
            width: 237px;
            height: 30px;
        }
        table {
            border:2px solid #ccc
        }
        .tdcenter {
            font-size: 16px;
        }
        .auto-style6 {
            text-align: center;
            font-size: 16px;
            height: 47px;
        }
        .auto-style7 {
            text-align: right;
            width: 104px;
            height: 55px;
        }
        .auto-style8 {
            width: 237px;
            height: 55px;
        }
        .auto-style9 {
            height: 55px;
        }
        .auto-style10 {
            text-align: right;
            height: 43px;
        }
        .auto-style11 {
            text-align: right;
            width: 104px;
            height: 56px;
        }
        .auto-style12 {
            width: 237px;
            height: 56px;
        }
        .auto-style13 {
            height: 56px;
        }
        .auto-style14 {
            text-align: right;
            height: 27px;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <asp:Image ID="Image1" runat="server" ImageUrl="~/Images/12.png" Width="723px" Height="441px" />
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder2" runat="server">
    <table class="auto-style1">
          <tr>
            <td class="auto-style6" colspan="2">登录</td>
          </tr>
          <tr>
            <td class="auto-style11">用户名:</td>
            <td class="auto-style12">
                 <input id="inp1" class="inp1" type="text" value="请输入手机号或邮箱" runat="server" style="width:160px; height:30px;" />
             <!-- <asp:TextBox ID="txtName" runat="server" CssClass="col-xs-offset-0" Width="144px"></asp:TextBox>-->
            </td>
            <td class="auto-style13">
              <asp:RequiredFieldValidator ControlToValidate="inp1" Display="Dynamic" ForeColor="Red" ID="rfvName" runat="server" ErrorMessage="必填"></asp:RequiredFieldValidator>
            </td>
          </tr>
         <tr>
            <td class="auto-style7">密码:</td>
            <td class="auto-style8">
              <asp:TextBox ID="txtPwd" runat="server" TextMode="Password" Height="30px" Width="160px"></asp:TextBox></td>
            <td class="auto-style9">
              <asp:RequiredFieldValidator ControlToValidate="txtPwd" Display="Dynamic" ForeColor="Red" ID="rfvPwd" runat="server" 
                  ErrorMessage="必填"></asp:RequiredFieldValidator>
            </td>
          </tr>
          <tr>
            <td colspan="2" class="auto-style10">
              <asp:Button ID="btnLogin" runat="server" Text="立即登录" OnClick="BtnLogin_Click" Height="26px" Width="94px" />
            </td>
          </tr>
          <tr>
            <td class="auto-style3">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="NewUser.aspx">我要注册！</a></td>
            <td class="auto-style5">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="GetPwd.aspx">忘记密码？</a></td>
          </tr>
          <tr>
            <td colspan="2" class="auto-style14">
              <asp:Label ID="lblMsg" runat="server" ForeColor="Red"></asp:Label>
            </td>
          </tr>
        </table>
    <script>
        var input = document.querySelector('.inp1');
        input.onfocus = function () {
            if (this.value == '请输入手机号或邮箱') {
                this.value = '';
            }
        }
        input.onblur = function () {
            if (this.value == '') {
                this.value = "请输入手机号或邮箱"
            }
        }
    </script>
</asp:Content>
